<template>
  <div class="item">
    <span class="company">公司</span>
    <span class="i1">负责人</span>
    <el-dropdown>
      <span class="i2">
        <span>操作</span>
        <i class="el-icon-arrow-down el-icon--right" />
      </span>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>添加子部门</el-dropdown-item>
          <el-dropdown-item>查看部门</el-dropdown-item>
          <el-dropdown-item>删除部门</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  name: 'TreeItem'
}
</script>

<style lang="scss" scoped>
.item {
  display: flex;
  font-size: 14px;
  color: #000;
  .company {
    flex: 1;
  }
  .i1 {
    width: 100px;
    text-align: right;
  }
  .i2 {
    padding-left: 20px;
  }
}
</style>
